<template>
  <div class="mod-config" :style="{height: height}">
    <iframe src="https://rome.laiyifen.com/broadcast-admin-web/dist/index.html" width="100%" id="blog-display"></iframe>
  </div>
</template>
<script>
  export default {
    components: {
    },
    data() {
      return {
        height:'500px'
      }
    },
    mounted: function () {
      this.height=document.documentElement.clientHeight+'px';
      let obj = parent.document.getElementById("blog-display"); //取得父页面IFrame对象
      //alert(obj.height); //弹出父页面中IFrame中设置的高度
      obj.height = document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
    },
    methods: {

    }
  }
</script>
<style scoped lang="scss">

</style>
